/** Add css rules here for your application. */
	/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

body {
	font-color: white;
}

.mainHolder {
	background: #C3D69D;
}

.graphHolder { /**background: #43813A;*/
	background: #7DA767;
	width: 500px;
}

.customDecoratorPanel {
	font-color: #FFFFFF;
	background: #7DA767;
}

.customDecoratorPanel .topCenter,.customDecoratorPanel .bottomCenter {
	background: url(images/hborder.png) repeat-x;
}

.customDecoratorPanel .middleLeft,.customDecoratorPanel .middleRight {
	background: url(images/vborder.png) repeat-y;
}

.customDecoratorPanel .topLeftInner,.customDecoratorPanel .topRightInner,.customDecoratorPanel .bottomLeftInner,.customDecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	zoom: 1;
}

.customDecoratorPanel .topLeft {
	background: url(images/corner.png) no-repeat 0px 0px;
	-background: url(images/corner_ie6.png) no-repeat 0px 0px;
}

.customDecoratorPanel .topRight {
	background: url(images/corner.png) no-repeat -5px 0px;
	-background: url(images/corner_ie6.png) no-repeat -5px 0px;
}

.customDecoratorPanel .bottomLeft {
	background: url(images/corner.png) no-repeat 0px -5px;
	-background: url(images/corner_ie6.png) no-repeat 0px -5px;
}

.customDecoratorPanel .bottomRight {
	background: url(images/corner.png) no-repeat -5px -5px;
	-background: url(images/corner_ie6.png) no-repeat -5px -5px;
}

.custDialog {
	background: #7DA767;
}

.customDialog .Caption {
	background: #7DA767 url(images/hborder.png) repeat-x 0px -2003px;
	padding: 4px 4px 4px 8px;
	cursor: default;
	border-bottom: 1px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
}

.customDialog .dialogMiddleCenter {
	padding: 3px;
	background: #7DA767;
}

.customDialog .dialogBottomCenter {
	background: url(images/hborder.png) repeat-x 0px -4px;
	-background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.customDialog .dialogMiddleLeft {
	background: url(images/vborder.png) repeat-y;
}

.customDialog .dialogMiddleRight {
	background: url(images/vborder.png) repeat-y -4px 0px;
	-background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.customDialog .dialogTopLeftInner {
	width: 5px;
	zoom: 1;
}

.customDialog .dialogTopRightInner {
	width: 8px;
	zoom: 1;
}

.customDialog .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.customDialog .dialogBottomRightInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.customDialog .dialogTopLeft {
	background: url(images/corner.png) no-repeat -13px 0px;
	-background: url(images/corner_ie6.png) no-repeat -13px 0px;
}

.customDialog .dialogTopRight {
	background: url(images/corner.png) no-repeat -18px 0px;
	-background: url(images/corner_ie6.png) no-repeat -18px 0px;
}

.customDialog .dialogBottomLeft {
	background: url(images/corner.png) no-repeat 0px -15px;
	-background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.customDialog .dialogBottomRight {
	background: url(images/corner.png) no-repeat -5px -15px;
	-background: url(images/corner_ie6.png) no-repeat -5px -15px;
}

* html .customDialog .dialogTopLeftInner {
	width: 5px;
	overflow: hidden;
}

* html .customDialog .dialogTopRightInner {
	width: 8px;
	overflow: hidden;
}

* html .customDialog .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	overflow: hidden;
}

* html .customDialog .dialogBottomRightInner {
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.toolTip {
	border: 3px solid #FFFFFF;
	padding: 3px;
	background: #C3D69D;
	font-size: 8pt;
}

.plainTextScroll {
	width: 350px;
	height: 350px;
}

* html .customDecoratorPanel .topLeftInner,* html .customDecoratorPanel .topRightInner,* html .customDecoratorPanel .bottomLeftInner,* html .customDecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	overflow: hidden;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.gwt-SliderBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #efebe7;
	height: 15pt;
	width: 200px;
}

.gwt-SliderBar-shell .gwt-SliderBar-line {
	border: 1px solid black;
	background-color: white;
	height: 4px;
	width: 95%;
	top: 3pt;
	overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
	top: 1pt;
	width: 11px;
	height: 14px;
	z-index: 1;
	cursor: pointer;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick {
	top: 12pt;
	width: 1px;
	height: 8pt;
	background: black;
	overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-label {
	top: 2pt;
	font-size: 8pt;
	cursor: default;
}

.gwt-SliderBar-shell-focused {
	
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
	background-color: #DDDDDD;
	cursor: pointer;
}

.gwt-TabPanelBottom { /**height: 100%;*/
	
}

.tabPanel {
	width: 100%;
	height: 100%;
}

.energyGraph {
	height: 400px;
	width: 500px;
	legendFontSize: 14px;
	background-color: #7DA767;
}

.motionGraph {
	width: 944px;
}

.energyGraphPanelStatic {
	width: 500px;
	height: 600px;
}

.energyGraphPanelMotion {
	width: 974px;
}

.descriptionBoxUnderGraph {
	height: 100px;
	background: #7DA767;
}

.surplasNumber {
	font-size: 20px;
	color: #0000ff;
}

.defecitNumber {
	font-size: 20px;
	color: #ff0000;
}

.surpOrDefText {
	font-size: 20px;
}

.inspectorPanel {
	height: 280px;
	width: 420px;
	font-size: 11px;
}

.inspectorPanelMotion {
	height: 420px;
	width: 460px;
	font-size: 11px;
	margin: 10px;
}

.inspectorDescLeft {
	width: 120px;
	font-size: 11px;
}

.inspectorDescCentre {
	width: 100px;
	font-size: 14px;
}

.inspectorDescRight {
	vertical-alignment: top;
	width: 120px;
	font-size: 11px;
	width: 120px;
}

.descAndEquivArea {
	height: 200px;
}

.energyOverview { /**height: 450px;
	/**width: 420px;*/
	height: 220px;
	width: 420px;
}

.energyOverviewMotion {
	height: 420px;
	margin: 10px;
	width: 420px;
}

.overviewLabel {
	font-size: 11pt;
}

.banner {
	height: 100px;
	width: 100%;
	font-size: 20pt;
	font-color: #FFFFFF;
	background-image: url(images/banner.gif);
	background-repeat: repeat-x;
	background-image: url(images/banner.gif);
}

.bannerText {
	font-size: 20pt;
	color: #FFFFFF;
}

.bannerTextNum {
	font-size: 38pt;
	color: #FFFFFF;
	background: #C3D69D;
	border-style: solid;
	border-width: 4px;
	border-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
}

.yearsToImpBox {
	color: #FFFFFF;
	background: #C3D69D;
	border-style: solid;
	border-width: 4px;
	border-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	width: 120px;
}

.yearsToImpTextBox {
	font-size: 30px;
	width: 40px;
}

.numAndBannerText {
	
}

.planName {
	width: 100%;
}

.planDescription {
	height: 30px;
	width: 100%;
}

/**Save Panel*/
.descriptionBox {
	height: 200px;
	width: 300px;
}

.savePanel {
	width: 957px;
}

.counterName {
	width: 120px;
}

.saveButton {
	width: 180px;
}

.popupName {
	width: 300px;
	height: 300px;
}

.questionLabelInspector {
	font-size: 14px;
}

.usageSliderInspector {
	horizontal-alignment: center;
}

.yearSliderInspector {
	width: 125px;
	horizontal-alignment: center;
}

.overviewIcon {
	height: 60px;
	width: 60px;
}

.shareLinkText {
	width: 300px;
}

.gwt-ProgressBar-shell {
	border: 2px solid #faf9f7;
	border-right: 2px solid #848280;
	border-bottom: 2px solid #848280;
	background-color: #AAAAAA;
	height: 14pt;
	width: 50%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
	background-color: #C3D69D;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
	padding: 0px;
	margin: 0px;
	color: white;
}